@CHARSET "UTF-8";

/*********** Global CSS ***********/
* {
	margin: 0;
	padding: 0;
}

ul,li {
	list-style: none;
}

a {
	outline: 0;
	text-decoration: none;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

/*********** Body ***********/
body {
	background: #f0f0f0 url('../images/bg-body.gif') top left repeat-y;
	font-family: Arial, sans-serif, Helvetica, Tahoma;
}

#body-wrapper {
	background: url('../images/bg-radial-gradient.gif') fixed 230px top
		no-repeat;
}

/*********** Sidebar ***********/
#sidebar {
	background: url('../images/bg-sidebar.gif') top left no-repeat;
	width: 230px;
	position: absolute;
	left: 0;
	top: 0;
	color: #888;
}

#sidebar #sidebar-wrapper {
	margin: 0 0 0 9px;
}

#sidebar #sidebar-title {
	margin: 40px 0 40px 15px;
}

#sidebar #main-nav {
	width: 206px;
	margin: 0 0 0 15px;
}

#sidebar #main-nav>li {
	padding-bottom: 10px;
	text-align: right;
}

#sidebar #main-nav>li>a.nav-top-item {
	background: transparent url('../images/bg-menu-item-green.gif') right
		center no-repeat;
	padding: 10px 15px;
	color: #fff;
	font-size: 14px;
	display: block;
	font-weight: bold;
}

#sidebar #main-nav>li>a.current {
	background-image: url('../images/bg-menu-item-current.gif') !important;
	color: #333;
}

#sidebar #main-nav ul li a {
	padding: 8px 15px;
	display: block;
	color: #aaa;
	font-size: 13px;
	line-height: 1.2em;
}

#sidebar #main-nav ul li a:hover,#sidebar #main-nav ul li a.current {
	color: #fff;
}

#sidebar #main-nav ul li a.current {
	background: transparent url('../images/menu-current-arrow.gif') right
		center no-repeat !important;
	font-weight: bold;
}

/*********** main-content ***********/
#main-content {
	margin: 0 0 0 230px;
}

#main-content-wrapper {
	margin: 0 30px 0 30px;
}

#welcome-info {
	padding: 40px 0 40px 0;
	font-size: 27px;
	font-weight: bold;
}

/*********** shortcut-buttons ***********/
#shortcuts ul.shortcut-buttons-set {
	
}

#shortcuts ul.shortcut-buttons-set li {
	margin: 0 15px 20px 0;
	float: left;
}

#shortcuts a.shortcut-button {
	background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left
		no-repeat;
	display: block;
	width: 120px;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
}

#shortcuts a.shortcut-button:hover {
	background: #fff;
}

#shortcuts .shortcut-button span {
	border: 1px solid #fff;
	display: block;
	text-align: center;
	color: #555;
	font-size: 13px;
	line-height: 1.3em;
	padding: 15px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#shortcuts .shortcut-button span:hover {
	color: #57a000;
}

#shortcuts .shortcut-button span img {
	margin-bottom: 10px;
}

/* quiz-record-query */
#quiz-record-query {
	
}

.query-title {
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
}

.filter-criteria {
	padding: 5px;
}

.filter-criteria select {
	width: 80%;
	font-size: 13px;
	background: #fff url('../images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
	padding: 4px;
	margin: 5px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.filter-criteria input {
	width: 76%;
	font-size: 13px;
	background: #fff url('../images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
	padding: 4px 4px 4px 7px;
	margin: 5px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#factor,#question {
	width: 35%;
}

#factor-option,#question-option {
	width: 19%;
}

#factor-value,#question-value {
	width: 20%;
}

.submitBtn {
	padding: 5px 5px 10px 5px;
}

.submitBtn input {
	width: 150px;
	background: #459300 url('../images/bg-button-green.gif') top left
		repeat-x !important;
	border: 1px solid #459300 !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff !important;
}

.submitBtn input:hover {
	text-decoration: underline;
}

.submitBtn input:active {
	padding: 5px 7px 3px 7px !important;
}

/*********** content-box ***********/
#content-box {
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	background: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#content-box .content-box-header {
	background: #e5e5e5 url('../images/bg-content-box.gif') top left
		repeat-x;
	margin-top: 1px;
	padding: 9px 0 9px 5px;
	height: 22px;
	border-bottom: 1px solid #ccc;
}

#content-box .content-box-header div.header {
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
}

#content-box .content-box-content {
	padding: 20px 0px 20px 0px;
	min-height: 400px;
}

#content-box .content-box-content table {
	width: 100%;
	border-collapse: collapse;
}

#content-box table th,#content-box table tbody td {
	text-align: center;
}

#content-box .content-box-content table thead th {
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ddd;
}

#content-box .content-box-content table tfoot td {
	border-top: 1px solid #ddd;
}

#content-box .content-box-content table tbody {
	font-size: 15px;
}

#content-box table tbody tr.alt-row {
	background: #f3f3f3;
}

#content-box table td,#content-box table th {
	padding: 10px;
	line-height: 1.3em;
}

/** pagination **/
#content-box table tfoot .pagination {
	text-align: right;
	padding: 20px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.pagination a,.pagination span {
	margin: 0 5px 0 0;
	padding: 3px 6px;
	color: #469400;
}

.pagination a:hover {
	color: #222;
}

.pagination a.number {
	border: 1px solid #ddd;
}

.pagination a.current {
	background: #469400 url('../images/bg-button-green.gif') top left
		repeat-x !important;
	border-color: #459300 !important;
	color: #fff !important;
}

.pagination a.current:hover {
	text-decoration: underline;
}

/** detail-info **/
#detail-info-wrapper {
	padding: 10px 20px;
}

#detail-info-wrapper div {
	
}

#detail-info-wrapper .title {
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 20px;
}

#detail-info-wrapper .wrap {
	word-break: break-all;
}

#factors .factor-title {
	font-weight: bold;
	font-size: 18px;
	padding: 12px 0 4px 0;
	color: #e5e5e5;
}